import React from "react";
import { ISvgComponentProps } from "../../interfaces";

export default function FaceSvg(props: ISvgComponentProps) {
  const { width = "20", height = "20", color = "#6B7280" } = props;
  const darkColor = "#ffffff";
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 15 15"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      {/* light mode */}
      <path
      className="block dark:hidden"
        d="M9.42245 9.17245C8.36071 10.2342 6.63929 10.2342 5.57755 9.17245M12.9375 7.25C12.9375 10.253 10.503 12.6875 7.5 12.6875C4.49695 12.6875 2.0625 10.253 2.0625 7.25C2.0625 4.24695 4.49695 1.8125 7.5 1.8125C10.503 1.8125 12.9375 4.24695 12.9375 7.25ZM6.14062 5.89062C6.14062 6.14088 6.03919 6.34375 5.91406 6.34375C5.78894 6.34375 5.6875 6.14088 5.6875 5.89062C5.6875 5.64037 5.78894 5.4375 5.91406 5.4375C6.03919 5.4375 6.14062 5.64037 6.14062 5.89062ZM5.91406 5.89062H5.91859V5.89969H5.91406V5.89062ZM9.3125 5.89062C9.3125 6.14088 9.21106 6.34375 9.08594 6.34375C8.96081 6.34375 8.85938 6.14088 8.85938 5.89062C8.85938 5.64037 8.96081 5.4375 9.08594 5.4375C9.21106 5.4375 9.3125 5.64037 9.3125 5.89062ZM9.08594 5.89062H9.09047V5.89969H9.08594V5.89062Z"
        stroke={color}
        strokeWidth="1.0875"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      {/* dark mode */}
      <path
      className="hidden dark:block"
        d="M9.42245 9.17245C8.36071 10.2342 6.63929 10.2342 5.57755 9.17245M12.9375 7.25C12.9375 10.253 10.503 12.6875 7.5 12.6875C4.49695 12.6875 2.0625 10.253 2.0625 7.25C2.0625 4.24695 4.49695 1.8125 7.5 1.8125C10.503 1.8125 12.9375 4.24695 12.9375 7.25ZM6.14062 5.89062C6.14062 6.14088 6.03919 6.34375 5.91406 6.34375C5.78894 6.34375 5.6875 6.14088 5.6875 5.89062C5.6875 5.64037 5.78894 5.4375 5.91406 5.4375C6.03919 5.4375 6.14062 5.64037 6.14062 5.89062ZM5.91406 5.89062H5.91859V5.89969H5.91406V5.89062ZM9.3125 5.89062C9.3125 6.14088 9.21106 6.34375 9.08594 6.34375C8.96081 6.34375 8.85938 6.14088 8.85938 5.89062C8.85938 5.64037 8.96081 5.4375 9.08594 5.4375C9.21106 5.4375 9.3125 5.64037 9.3125 5.89062ZM9.08594 5.89062H9.09047V5.89969H9.08594V5.89062Z"
        stroke={darkColor}
        strokeWidth="1.0875"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}
